<template>
    <view >
    <view class="cu-bar tabbar bg-white shadow foot ">
        <view  class="action " ="/pages/home/index" ="Home" >
            <view class="cuIcon-cu-image ">
                <image  src="{{'/static/tabbar/component'+[vuex_PageCur=='Home'?'_cur':'']+'.png'}}"></image>
            </view>
            <view :class="['',vuex_PageCur=='Home'?'text-green':'text-gray']">{{$root.m0}}</view>
        </view>
        <view   class="action text-gray add-action " ="FullScreen" >
            <button class="cu-btn cuIcon-add bg-green shadow "></button>
            <view :class="['',vuex_PageCur=='xxx'?'my-add-action text-green':'my-add-action text-gray']"></view>
        </view>
        <view  class="action my-action " ="/pages/account/index" ="Account" >
            <view class="cuIcon-cu-image ">
                <image  src="{{'/static/tabbar/about'+[vuex_PageCur=='Account'?'_cur':'']+'.png'}}"></image>
            </view>
            <view :class="['',vuex_PageCur=='Account'?'text-green':'text-gray']">{{$root.m1}}</view>
        </view>
    </view>
</view>

</template>

<script>
	export default {
		data() {
      
    },
		onLoad() {

		},
		onShow() {

		},

		methods: {

		}
	}
</script>

<style scoped lang="scss">
.my-action {
    height: 42px !important
}

.my-action .cuIcon-cu-image {
    height: 30px !important;
    padding-top: 3px
}

.my-action .cuIcon-cu-image .cuIcon-edit {
    font-size: 22px;
    margin-bottom: 0
}

.my-add-action {
    padding-top: 4px
}
</style>